<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 

<ui:composition template="/templates/template.xhtml">
<ui:define name="titulo"><b>CRUD Cabaña</b></ui:define>
<ui:define name="contenido">
	<center>
		<h:form id="formCrudCabaña">
			<p:panel id="panelCrudCabaña" header="Crear/Editar/Buscar Cabaña">
				<p:graphicImage name="img/cabana.jpg" />
				<br /><br />
				<h:panelGrid columns="3">
					<p:outputLabel value="Codigo:" />
					<p:inputText value="#" id="tfCodigo" />
					<p:message for="tfCodigo" />
					
					<p:outputLabel value="Nombre:" />
					<p:inputText value="#" id="tfNombre" />
					<p:message for="tfNombre" />
					
					<p:outputLabel value="Email:" />
					<p:inputText value="#" id="tfEmail" />
					<p:message for="tfEmail" />
					
					<p:outputLabel value="Telefono:" />
					<p:inputText value="#" id="tfTelefono" />
					<p:message for="tfTelefono" />
					
					<p:outputLabel value="Direccion:" />
					<p:inputText value="#" id="tfDireccion" />
					<p:message for="tfDireccion" />
					
					<p:outputLabel value="Ciudad" />
					<p:selectOneMenu id="cbCiudad" value="#" style="width:100%">
						<f:selectItems></f:selectItems>
					</p:selectOneMenu>
					
				</h:panelGrid>
				<br />
				<h:panelGrid columns="3">
					<p:commandButton value="CREAR" actionListener="#" />
					<p:commandButton value="BUSCAR" actionListener="#" />
					<p:commandButton value="EDITAR" actionListener="#" />
				</h:panelGrid>
					
				<h:panelGrid >
					<p:commandButton value="VER LISTA DE CABAÑAS" actionListener="#" style="width:129%"/>
				</h:panelGrid>
				
				<br />
				<p:panel id="panelTablaCabañas">
					<p:dataTable id="tableCabañas" value="#" var="cabaña" >
						<f:facet name="header">Lista de cabañas</f:facet>
						
						<p:column>
							<f:facet name="header">
								<h:outputText value="Codigo" />
							</f:facet>
							<h:outputText value="#" />
						</p:column>
						
						<p:column>
							<f:facet name="header">
								<h:outputText value="Nombre" />
							</f:facet>
							<h:outputText value="#" />
						</p:column>
						
						<p:column>
							<f:facet name="header">
								<h:outputText value="Email" />
							</f:facet>
							<h:outputText value="#" />
						</p:column>
						
						<p:column>
							<f:facet name="header">
								<h:outputText value="Telefono" />
							</f:facet>
							<h:outputText value="#" />
						</p:column>
						
						<p:column>
							<f:facet name="header">
								<h:outputText value="Direccion" />
							</f:facet>
							<h:outputText value="#" />
						</p:column>
						
						<p:column>
							<f:facet name="header">
								<h:outputText value="Ciudad" />
							</f:facet>
							<h:outputText value="#" />
						</p:column>
					</p:dataTable>
				</p:panel>
				
			</p:panel>
		</h:form>
	</center>
</ui:define>
</ui:composition>
</html>
